﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/EasyUI.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	jQuery EasyUI
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="HeaderContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
 <h1>Calendar</h1>
	<div class="easyui-calendar" style="width:180px;height:180px;"></div>
    <script language="javascript" type="text/javascript">
        function select() {
            $("#accord1").accordion('select', 't2');
        }
        var index=1;
        function add() {
            $("#accord1").accordion('add', {title:'title'+index,content:'content'+index});index++;
        }
        function remove() {
            var as = $("#accord1").accordion('getSelected');
            if (as) { var title = as.panel('options').title; $("#accord1").accordion('remove', title); }
        }
    </script>
 <h1>Accordion</h1>
 <a href="#" onclick="select()">Select2</a> <a href="#" onclick="add()">add</a> <a href="#" onclick="remove()">Remove</a> 
	<div id="accord1" class="easyui-accordion" style="width:180px;height:180px;">
    <div title="t1" iconCls="icon-ok"><h2> Accordion1 </h2><p> learn  </p> </div>
    <div title="t2" iconCls="icon-ok" selected="true"><h2> Accordion2 </h2><p> learn </p> </div>
    <div title="t3"><h2> Accordion3</h2><p> learn </p> </div>
    </div>
</asp:Content>

